<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>主界面</title>
		<!-- css样式-->
		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" href="css/MainView.css" />
		<!-- js文件-->
		<!-- <script type="text/javascript" src="layui/layui.all.js"></script> -->
		<script type="text/javascript" src="layui/layui.js"></script>
		<script src="js/MainView.js"></script>
	</head>
	<body>
		<div class="layui-layout-body">
			<div class="main " lay-filter="main">
				<!-- 顶部区域 -->
				<div class="layui-header">
					<!-- 顶部区域-左 -->
					<ul class="layui-nav layui-layout-left">
						<li class="layui-nav-item layadmin-flexible">
							<a href="javascript:;" layadmin-event="flexible" title="侧边收缩">
								<i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
							</a>
						</li>
						<li class="layui-nav-item ">
							<a href="javascript:;" title="前台">
								<i class="layui-icon layui-icon-website"></i>
							</a>
						</li>
						<li class="layui-nav-item ">
							<a href="javascript:;" title="刷新">
								<i class="layui-icon layui-icon-refresh-3"></i>
							</a>
						</li>
						<li class="layui-nav-item layui-hide-xs" lay-unselect="">
							<input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach"
							 lay-action="template/search.html?keywords=">
						</li>
					</ul>
					<!-- 顶部区域-右 -->
					<ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
						<li class="layui-nav-item" lay-unselect="">
							<a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中心">
								<i class="layui-icon layui-icon-notice"></i>

								<!-- 如果有新消息，则显示小圆点 -->
								<span class="layui-badge-dot"></span>
							</a>
						</li>
						<li class="layui-nav-item" lay-unselect="">
							<a href="javascript:;">
								<cite>姓名</cite>
								<span class="layui-nav-more"></span></a>
							<dl class="layui-nav-child layui-anim layui-anim-upbit">
								<dd><a lay-href="set/user/info.html">基本资料</a></dd>
								<dd><a lay-href="set/user/password.html">修改密码</a></dd>
								<hr>
								<dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
							</dl>
						</li>

						<li class="layui-nav-item layui-hide-xs" lay-unselect="">
							<a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
						</li>
						<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect="">
							<a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
						</li>
					</ul>
				</div>
				<!-- 左侧侧边菜单 -->
				<div class="layui-side layui-side-menu">
					<div class="layui-side-scroll">
						<!-- 顶部文字 -->
						<div class="side-logo">
							<span>这里是文字</span>
						</div>
						<!-- 列表 -->
						<ul id="e_leftMune" class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="leftMune">

							<!-- 模版加载列表列表 -->
							<script id="leftMen" type="text/html">
								{{#  layui.each(d, function(index, item){ }},
								<!-- 默认展开第一个 -->
								{{#　if(index==0){ }}
								<li class="layui-nav-item layui-nav-itemed">
								{{#　} else{　}},
								<li class="layui-nav-item ">
								{{# }　}}
									<a href="javascript:;" lay-tips="{{ item.name }}">
										<i class="layui-icon layui-icon-home"></i>
										<cite>{{ item.name }}</cite>
										<span class="layui-nav-more"></span>
									</a>
									{{#  layui.each(item.childrens, function(indexs, items){ }}
									<dl class="layui-nav-child">
										<dd>
											<a class="site-demo-active" data-type="tabAdd" data-url="{{items.href}}" data-title="{{items.name }}" >{{ items.name }}</a>
										</dd>
									</dl>
									{{#  }); }}
								</li>
								{{#  }); }}						
							</script>



							<!-- 						<li class="layui-nav-item">
								<a href="javascript:;" lay-tips="主页">
									<i class="layui-icon layui-icon-home"></i>
									<cite>主页</cite>
									<span class="layui-nav-more"></span>
								</a>
								<dl class="layui-nav-child">
									<dd>
										<a lay-href="view/TableView.html" >主页一</a>
									</dd>
									<dd>
										<a lay-href="view/TableView.html" >主页二</a>
									</dd>
								</dl>
							</li>
							<li class="layui-nav-item">
								<a href="javascript:;" lay-tips="用户管理">
									<i class="layui-icon layui-icon-home"></i>
									<cite>用户管理</cite>
									<span class="layui-nav-more"></span>
								</a>
								<dl class="layui-nav-child">
									<dd>
										<a lay-href="view/homepage1.html" class="main-tab-active" data-type="tabAdd">角色</a>
									</dd>
									<dd>
										<a lay-href="view/homepage1.html" class="main-tab-active" data-type="tabAdd">用户</a>
									</dd>
								</dl>
							</li> -->
						</ul>
					</div>
				</div>
				<!-- 页面标签 -->
				<div class="main-label ">
					<div class="layui-icon main-label-control layui-icon-prev" layadmin-event="leftPage"></div>
					<div class="layui-icon main-label-control layui-icon-next" layadmin-event="rightPage"></div>
					<div class="layui-icon main-label-control layui-icon-down">
						<ul class="layui-nav main-label-select" lay-filter="layadmin-pagetabs-nav">
							<li class="layui-nav-item" lay-unselect="">
								<a href="javascript:;"><span class="layui-nav-more"></span></a>
								<dl class="layui-nav-child layui-anim-fadein layui-anim layui-anim-upbit">
									<dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
									<dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
									<dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
								</dl>
							</li>
							<span class="layui-nav-bar" style="left: 0px; top: 35px; width: 0px; opacity: 0;"></span>
						</ul>
					</div>
					<div class="layui-tab" lay-unauto="" lay-allowclose="true" lay-filter="demo">
						<ul class="layui-tab-title" id="e_tabHeader">
							<li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this">
								<i class="layui-icon layui-icon-home"></i>
								<i class="layui-icon layui-unselect layui-tab-close">ဆ</i>
							</li>
						</ul>
						<!-- 主体内容 -->
						<div id="e_tabBody" class="layui-body main-tabbody layui-tab-content">
							<div class="main-tabbody-item layui-tab-item layui-show">
								<div>这是桌面内容</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 辅助元素，一般用于移动设备下遮罩 -->
			</div>
		</div>
	</body>
</html>
